<!DOCTYPE html>
<html lang="ZH-cn">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <title>Test</title>
  <link rel="stylesheet" href="./styles/default.css">
  <meta name="theme-color" content="#1972F8" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#1C4D98" media="(prefers-color-scheme: dark)">
</head>

<body style="padding-bottom: env(safe-area-inset-bottom)">
  <s-page>
    <main>
      <s-scroll-view style="height: 320px;min-height: 320px;">
        <div style="height: 100%;"></div>
        <div style="background: #725151;min-height: 100%;"></div>
        <div style="height: 100%;"></div>
      </s-scroll-view>

      <s-scroll-view>
        <div style="display: flex;height: 320px;">
          <div style="width: 100%;flex-shrink: 0;"></div>
          <div style="width: 100%;flex-shrink: 0;"></div>
          <div id="test" style="width: 100%;flex-shrink: 0;"></div>
        </div>
      </s-scroll-view>
      xxx
    </main>
  </s-page>
  <script type="module" src="../dist/main.js"></script>
  <script type="module" src="./scripts/default.js"></script>
</body>

</html>